<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>网络公司-首页</title>
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="res/static/css/index.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<!-- nav部分 -->
<div class="nav index">
    <div class="layui-container">
        <div class="nav-list">
            <button>
                <span></span><span></span><span></span>
            </button>
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item"><a href="index01.html">首页</a></li>
                <li class="layui-nav-item"><a href="centre.html">汽车换新</a></li>
                <li class="layui-nav-item"><a href="lianxi.html">联系我们</a></li>
                <li class="layui-nav-item"><a href="">关于</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- main部分 -->
<div class="main-product">
    <div class="layui-container">
        <p class="title">线下<span>实体店</span></p><br>
        <h4>智能汽车连锁店，各大城市均有</h4>
        <a href="dian.html"><button class="layui-btn">预约</button></a>
        <br>
        <br>
        <div class="layui-row layui-col-space25">
            <div class="layui-col-sm6 layui-col-md3">
                <div class="content">
                    <div><i class="layui-icon layui-icon-star" style="font-size: 30px; color: #1E9FFF;"></i></div>
                    <div>
                        <p class="label">简介</p>
                        <p>我们致力于为广大用户提供一个真实的、有效的车源展示平台，整合用户最为关注和需要的价格评估、
                            信用担保、汽车维修等多项业务，车辆的后续处理，为用户提供全方位的服务</p>
                    </div>
                    <a href="javascript:;">去了解一下 ></a>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
                <div class="content">
                    <div><i class="layui-icon layui-icon-release" style="font-size: 30px; color: #1E9FFF;"></i></div>
                    <div>
                        <p class="label">理念</p>
                        <p>对于废旧汽车的回收利用，秉承生态环境的可持续发展理念,降低在生产降低对自然环境的有害影响。
                            使人类使用汽车达到环保，达到人类与自然互助,文明共环境和谐,让地球生机勃勃</p>
                    </div>
                    <a href="javascript:;">去了解一下 ></a>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
                <div class="content">
                    <div><i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>  </div>
                    <div>
                        <p class="label">特色</p>
                        <p>推广无人汽车、环保使用汽车，缓解传统汽车带来的环境压力，便利人们不再东奔西走寻找车源,为本地车主提供值得信赖的养车用车服务和可以参照对比的优惠价格，</p>
                    </div>
                    <a href="javascript:;">去了解一下 ></a>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3 ">
                <div class="content">
                    <div><i class="layui-icon layui-icon-user" style="font-size: 30px; color: #1E9FFF;"></i></div>
                    <div>
                        <p class="label">服务</p>
                        <p>我们的服务是一个基于O2O模式（online to offline 即线上预定线下消费模式）、
                            提供汽车市场服务的电子商务平台，满足消费者在养车用车过程中的认知，缓解传统汽车带来的环境压力</p>
                    </div>
                    <a href="javascript:;">去了解一下 ></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="layui-container">
    <div class="layui-row">
        <div id="demo" class="carousel slide" data-ride="carousel">
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li data-target="#demo" data-slide-to="0" class="active"></li>
                <li data-target="#demo" data-slide-to="1"></li>
                <li data-target="#demo" data-slide-to="2"></li>
            </ul>
            <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="img/a1.png">
                </div>
                <div class="carousel-item">
                    <img src="img/a2.png">
                </div>
                <div class="carousel-item">
                    <img src="img/a3.png">
                </div>
            </div>
            <!-- 左右切换按钮 -->
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo" data-slide="next">
                <span class="carousel-control-next-icon"></span>
            </a>
        </div>
    </div>
</div>
<br>
<!-- footer部分 -->
<div class="footer">
    <div class="layui-container">
        <p class="footer-web">
            <a href="javascript:;">合作伙伴</a>
            <a href="javascript:;">汽车中心</a>
            <a href="javascript:;">汽车换新</a>
            <a href="javascript:;">更换零件</a>
            <a href="javascript:;">制造商</a>
            <a href="javascript:;">赞助商</a>
            <a href="javascript:;">广告</a>
        </p>
        <div class="layui-row footer-contact">
            <div class="layui-col-sm2 layui-col-lg1"><img src="res/static/img/erweima.jpg"></div>
            <div class="layui-col-sm10 layui-col-lg11">
                <div class="layui-row">
                    <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
                        <p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;(9:00-18:00)</p>
                        <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
                    </div>
                    <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
                        <p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">领导说的队</a> 所有</span></p>
                        <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="res/layui/layui.js"></script>
<script>
    layui.config({
        base: '../res/static/js/'
    }).use('firm');
</script>
</body>
</html>